<div
  class="x-list"
  cdkDropList
  (cdkDropListDropped)="dropCdk($event)"
  [cdkDropListDisabled]="!drag"
  [hidden]="isEmpty"
>
  <x-list-option
    cdkDrag
    *ngFor="let node of nodes; trackBy: trackByNode"
    [node]="node"
    [checked]="checked"
    [nodeTpl]="nodeTpl"
    [selected]="node.selected"
    [disabled]="node.disabled"
    [(active)]="node.active"
    [icon]="node.icon"
    [label]="node.label"
    [leaf]="node.leaf"
    (click)="onNodeClick($event, node)"
    (mouseenter)="onMouseenter($event, node)"
    (mouseleave)="onMouseleave($event, node)"
  ></x-list-option>
</div>
<x-empty *ngIf="isEmpty"></x-empty>
